//公共
// 头部
.info_head{
	width: 750rpx;height: 160rpx;background-image: linear-gradient(90deg, #c8e4fa 0%, #fef6ad 100%);padding-top: 44rpx;text-align: center;
}
//订单信息
.order_info{
	width: 710rpx;background-color: #ffffff;box-shadow: 0px 10px 18px 2px rgba(140, 140, 140, 0.05);border-radius: 20rpx;margin-left: 20rpx;
	padding: 22rpx 22rpx 0 22rpx;
	.margin-30{
		margin-bottom: 30rpx;
	}
	.order_box{
		padding-bottom: 30rpx;width: 666rpx;
		image{
			width: 180rpx;height: 180rpx;border-radius: 10rpx;
		}
		.orderi_box{
			width: 466rpx;height: 180rpx;
			.orderi_norms{
				view{
					margin-left: 5rpx;
				}
			}
		}
	}
	.order_border{
		height: 1rpx;width: 666rpx;background-color: #eeeeee;
	}
	.order_num{
		padding: 10rpx 0;width: 666rpx;
		.ordern_box{
			height: 60rpx;
		}
	}
	.ordern_all{
		width: 666rpx;height: 80rpx;
	}
	.orderi_after{
		width: 666rpx;text-align: right;margin-top: 20rpx;
		view{
			border: solid 1rpx #666666;border-radius: 30rpx;padding: 3rpx 0rpx;width: 160rpx;
		}
	}
}

//列表
.list{
	background-color: #f8f8f8;height: 100%;overflow: auto;
	// 切换
	.list_nav{
		height: 68rpx;width: 750rpx;padding: 0 20rpx;background-color: #ffffff;position: relative;
		.nav_border{
			width: 40rpx;height: 4rpx;background-color: #00b7ee;border-radius: 2rpx;position: absolute;bottom: 0;
		}
		
		.badge{
			position: absolute;
			right: -16rpx;
			top: -6rpx;
			width: 24rpx;
			height: 24rpx;
			line-height: 24rpx;
			border-radius: 50%;
			font-size: 18rpx;
			color: #fff;
			background-color: #ff0d0d;
			text-align: center;
		}
	}
	// 数据
	.list_bos{
		padding: 20rpx;
		// 线
		.list_border{
			background-color: #eeeeee;height: 1rpx;width:670rpx;
		}
		.shop_list{
			position: relative;
			background-color: #ffffff;box-shadow: 0px 10px 18px 2px rgba(140, 140, 140, 0.01);
			border-radius: 10rpx;padding: 16rpx 4rpx 0;margin-bottom: 20rpx;
			.order_title{
				line-height: 42rpx;
				font-size: 24rpx;
				color: #666666;
				padding: 0 26rpx;
			}
			.status{
				position: absolute;
				top: 10rpx;
				right: 0;
				width: 114rpx;
				height: 44rpx;
				line-height: 44rpx;
				font-size: 24rpx;
				color: #fff;
				text-align: center;
				image{
					display: block;
					width: 100%;
					height: 100%;
				}
				.inner{
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
				}
			}
			
			.outer{
				padding: 4rpx 12rpx 24rpx;
				border-bottom: 2rpx solid #f6f6f6;
				
				.item{
					background-color: #fbfbfb;
					padding: 22rpx 28rpx;
					padding-right: 22rpx;
					border-radius: 6rpx;
					overflow: hidden;
					margin-bottom: 20rpx;
					
					.pic{
						position: relative;
						width: 90rpx;
						min-width: 90rpx;
						height: 92rpx;
						margin-right: 16rpx;
						
						image{
							display: block;
							width: 100%;
							height: 100%;
						}
					}
					
					.tit{
						font-size: 26rpx;
						color: #666666;
						text{
							margin-left: 16rpx;
						}
					}
					
					.scon,.price{
						font-size: 24rpx;
						color: #999999;
					}
					.scon{
						margin-top: 16rpx;
					}
						
				}
				
				.hj{
					text-align: right;
					line-height: 36rpx;
					font-size: 24rpx;
					color: #666666;
					padding-right: 28rpx;
					text{
						margin-left: 14rpx;
					}
				}
			}
			
			.foot{
				padding: 28rpx 34rpx 24rpx;
				padding-left: 42rpx;
				color: #65d8f2;
				font-size: 24rpx;
				// 圆角按钮
				.btn-fillet,.btn-fillet-o{
					min-width: 126rpx;
					height: 50rpx;
					line-height: 46rpx;
					text-align: center;
					font-size: 24rpx;;
					color: #65d8f2;
					border-radius: 10rpx;
					border: 2rpx solid #65d8f2;
					margin-left: 58rpx;
					padding: 0 12rpx;
				}
				.btn-fillet{
					background-color: #12b3f1;
					box-shadow: 0 6rpx 6rpx #ace0f3;
					color: #fff;
					border-color: #12b3f1;
				}
			}
			
			
			.order_time{
				padding-bottom: 40rpx;
			}
			.order_time_is{
				padding-top: 20rpx;
			}
			.orderlist_info{
				width: 670rpx;height: 180rpx;margin-bottom: 32rpx;
				.orderi_img{
					width: 180rpx;height: 180rpx;border-radius: 10rpx;
				}
				.orderi_info{
					width: 490rpx;height: 180rpx;padding-left: 20rpx;
					.orderi_norms{
						view{
							margin-left: 5rpx;
						}
					}
				}
			}
			.orderi_operation{
				height: 80rpx;width: 670rpx;
				.operation_box{
					view{
						width: 120rpx;height: 40rpx;border-radius: 20rpx;border: solid 1rpx #666666;
						margin-left: 25rpx;
					}
					.operation_view{
						border:solid 0rpx #666666;
					}
					image{
						width: 20rpx;height: 20rpx;margin-right: 6rpx;
					}
				}
				.view-ff3c37{
					border: solid 1rpx #6ccbb6 !important;
				}
			}
		}
	}
}

//详情
.drug-info{
	background-color: #f6f6f6;height: 100%;padding-bottom: 100rpx;overflow: auto;
	// 用户信息
	.info_location{
		width: 710rpx;background-color: #ffffff;box-shadow: 0px 10px 18px 2px rgba(140, 140, 140, 0.05);border-radius: 20rpx;margin-left: 20rpx;
		position: relative;top: -45rpx;
		.location_box{
			height: 84rpx;padding-left: 20rpx;
			.location_a{
				height: 30rpx;width: 30rpx;margin-right: 20rpx;
			}
			.margin-20{
				margin-right: 20rpx;
			}
		}
		.height-100{
			height: 100rpx;padding-left: 30rpx;
		}
		.location_border{
			height: 1rpx;width: 620rpx;background-color: #eeeeee;margin-left: 70rpx;
		}
		.location_address{
			width: 620rpx;margin-left: 30rpx;padding: 26rpx 0;
		}
	}
	//门店信息
	.infos_boxs{
		border-bottom: 0rpx #eeeeee solid !important;
	}
	.info_store{
		width: 710rpx;background-color: #ffffff;box-shadow: 0px 10px 18px 2px rgba(140, 140, 140, 0.05);border-radius: 20rpx;margin-left: 20rpx;
		padding: 0 22rpx;margin-bottom: 20rpx;margin-top: -25rpx;
		.infos_box{
			width: 670rpx;border-bottom: 1rpx #eeeeee solid;padding: 25rpx 0;
			text{
				display: inline-block;width: 140rpx;
			}
			image{
				width: 20rpx;height: 20rpx;
			}
			view{
				width: 496rpx;
			}
		}
	}

	
	//其它信息
	.info_other .infos_box:nth-last-child(1){
		border-bottom: 0rpx #eeeeee solid !important;
	}
	.info_other{
		width: 710rpx;background-color: #ffffff;box-shadow: 0px 10px 18px 2px rgba(140, 140, 140, 0.05);border-radius: 20rpx;margin-left: 20rpx;
		margin-top: 20rpx;padding: 0 20rpx;
		.infos_box{
			width: 670rpx;border-bottom: 1rpx #eeeeee solid;padding: 25rpx 0;
			text{
				display: inline-block;width: 180rpx;
			}
			view{
				width: 490rpx;
				.demeanor_list{
					width: 90rpx;height: 90rpx;margin-right: 30rpx;margin-bottom: 6rpx;
				}
			}
		}
	}

	// 按钮
	.other_button{
		width: 670rpx;padding-right: 20rpx;margin-top: 20rpx;padding-bottom: 20rpx;
		view{
			height: 50rpx;border-radius: 30rpx;border: solid 1rpx #666666;margin-left: 20rpx;padding: 0 20rpx;
		}
		
	}
	
	//核销按钮
	.write_bos{
		position: fixed;bottom: 0;left: 0;height: 120rpx;width: 700rpx;border-top: 1rpx #eeeeee solid;background-color: #faf9f9;
		padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;
		padding-left: 30rpx;padding-right: 20rpx;
		view{
			width: 710rpx;height: 90rpx;background-color: #ff6356;border-radius: 50rpx;
		}
	}
	.write_bosx{
		height: 130rpx;width: 700rpx;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;
	}
	//提交
	.comment_submit{
		position: fixed;bottom: 0;left: 0;height: 120rpx;width: 700rpx;border-top: 1rpx #eeeeee solid;background-color: #faf9f9;
		padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;
		padding-left: 30rpx;padding-right: 20rpx;
		view{
			height: 50rpx;border-radius: 30rpx;border: solid 1rpx #666666;margin-left: 20rpx;padding: 10rpx 30rpx;
		}
		// view{
		// 	width: 710rpx;height: 90rpx;background-color: #6ccbb6;border-radius: 50rpx;
		// }
	}
	.comment_submitx{
		height: 120rpx;width: 700rpx;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;
	}
	
	
	
	.send-method{
		background-color: #fff;
		padding: 22rpx 60rpx 40rpx;
		padding-right: 48rpx;
		font-size: 24rpx;
		
		.row{
			line-height: 50rpx;
		}
		.label{
			color: #999;
			width: 178rpx;
		}
		
		.radiobox{
			.item{
				color: #666;
				font-size: 26rpx;
				margin-right: 90rpx;
				&:last-child{
					margin-right: 0;
				}
				
				image{
					display: block;
					width: 32rpx;
					min-width: 32rpx;
					height: 32rpx;
					margin-right: 14rpx;
				}
			}
		}
		
	}
	
	.verify_code{
		text-align: center;
		background-color: #fff;
		margin-top: 22rpx;
		padding: 20rpx 0 30rpx;
		
		.tit{
			line-height: 60rpx;
			font-size: 26rpx;
			font-weight: 500;
		}
		
		image{
			width: 180rpx;
			min-width: 180rpx;
			height: 180rpx;
			margin-top: 10rpx;
		}
	}
	
	.goods_info{
		background-color: #fff;
		padding-top: 4rpx;
		padding-left: 4rpx;
		margin-top: 22rpx;
		
		.head{
			line-height: 74rpx;
			border-bottom: 2rpx solid #f6f6f6;
			padding: 0 56rpx;
		}
		
		.outer{
			padding: 6rpx 32rpx 36rpx;
			padding-right: 46rpx;
			border-bottom: 2rpx solid #f6f6f6;
			
			.item{
				background-color: #fbfbfb;
				padding: 22rpx 28rpx;
				padding-right: 22rpx;
				border-radius: 6rpx;
				overflow: hidden;
				margin-top: 20rpx;
				
				.pic{
					position: relative;
					width: 90rpx;
					min-width: 90rpx;
					height: 92rpx;
					margin-right: 16rpx;
					
					image{
						display: block;
						width: 100%;
						height: 100%;
					}
				}
				
				.tit{
					font-size: 26rpx;
					color: #666666;
					text{
						margin-left: 16rpx;
					}
				}
				
				.scon,.price{
					font-size: 24rpx;
					color: #999999;
				}
				.scon{
					margin-top: 16rpx;
				}
					
			}
		}
	
		.foot{
			padding: 16rpx 60rpx 12rpx;
			padding-right: 48rpx;
			.row{
				line-height: 56rpx;
				font-size: 24rpx;
				color: #666666;
			}
			.hj{
				text-align: right;
				font-size: 28rpx;
				color: #666666;
				line-height: 72rpx;
				.price{
					margin-left: 34rpx;
					color: #fa7401;
				}
			}
		}

	}
	
	.order_info2{
		background-color: #fff;
		padding: 12rpx 60rpx;
		padding-right: 36rpx;
		margin-top: 22rpx;
		
		.row{
			line-height: 60rpx;
			font-size: 26rpx;
			color: #666;
			
			.copy-btn{
				width: 82rpx;
				height: 46rpx;
				line-height: 42rpx;
				border: 2rpx solid #b3cdfe;
				border-radius: 6rpx;
				color: #5a93fd;
				text-align: center;
			}
		}
	}
	
	.footer{
		position: fixed;
		width: 100%;
		height: 140rpx;
		bottom: 0;
		background-color: #fff;
		padding: 30rpx 50rpx 0;
		z-index: 999;
	}
	padding-bottom: 20rpx;
}

//结算
.pay{
	.pay_address{
		width: 710rpx;background-color: #ffffff;box-shadow: 0px 0px 30rpx 0px rgba(113, 113, 113, 0.1);border-radius: 20rpx;
		margin: 25rpx 20rpx 0 20rpx;padding: 36rpx 28rpx;
		.address_box{
			margin-bottom: 20rpx;
			.address_name{
				margin: 0 30rpx 0 0rpx;
			}
		}
		.address_more{
			width: 13rpx;height: 21rpx;
		}
	}
	.order_info_m{
		margin-top: 30rpx;background-color: #ffffff;box-shadow: 0px 0px 30rpx 0px rgba(113, 113, 113, 0.1);
	}
	.store_info{
		width: 670rpx;padding: 26rpx 0;
		image{
			width: 13rpx;height: 21rpx;margin-left: 12rpx;
		}
		.store_iphone{
			margin: 26rpx 0;
		}
	}
	//底部菜单
	.pay_menu{
		position: fixed;bottom: 0;left: 0;height: 120rpx;width: 700rpx;border-top: 1rpx #eeeeee solid;background-color: #faf9f9;
		padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;
		padding-left: 30rpx;padding-right: 20rpx;z-index: 12;
		.menu_submit{
			width: 208rpx;height: 60rpx;background-color: #6ccbb6;border-radius: 30rpx;
		}
		.width_76{
			width: 76rpx;
		}
	}
	.pay_menus{
		height: 140rpx;width: 700rpx;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;
	}
}



.popup-pay-mode{
	.popup-head{
		position: relative;
		text-align: center;
		line-height: 100rpx;
		font-size: 28rpx;
		.close{
			position: absolute;
			top: 34rpx;
			right: 50rpx;
			width: 34rpx;
			height: 34rpx;
		}
	}
	.popup-content{
		padding-left: 30rpx;
		padding-bottom: 32rpx;
		
		.item{
			height: 124rpx;
			border-bottom: 2rpx solid #efefef;
			padding-left: 8rpx;
			padding-right: 50rpx;
			
			.icon{
				display: block;
				width: 64rpx;
				min-width: 64rpx;
				height: 64rpx;
				margin-right: 16rpx;
				font-size: 28rpx;
			}
			.ricon{
				display: block;
				width: 42rpx;
				min-width: 42rpx;
				height: 34rpx;
			}
		}
		
		// 胶囊按钮
		.btn-capsule{
			width: 680rpx;
			height: 88rpx;
			line-height: 88rpx;
			text-align: center;
			font-size: 28rpx;
			color: #fff;
			border-radius: 60rpx;
			background-color: #12b3f1;
			margin: 160rpx auto 0;
		}
	}
}